import styled from "styled-components";

export const VideoBtnStyle = styled.div`
  .v-ob {
    margin: 12px 0 45px;
    ::after {
      content: "";
      display: block;
      overflow: hidden;
      clear: both;
    }
    .u-btn {
      background-position: right -1020px;
      margin-right: 6px;
      color: #333;
      text-decoration: none;
      padding: 0 5px 0 0;
      white-space: nowrap;
      float: left;
      height: 31px;
      line-height: 30px;
      min-width: 23px;
      cursor: pointer;
      :hover {
        background-position: right -1106px;
      }
    }
    .u-btn-i {
      padding: 0 10px 0 26px;
      float: left;
      height: 31px;
      line-height: 30px;
      min-width: 23px;
      cursor: pointer;
      span {
        float: left;
      }
    }
    .dz-i {
      background-position: 0 -59px;
      padding: 0 5px 0 10px;
      :hover {
        background-position: 0 -141px;
      }
      .dz {
        float: left;
        width: 17px;
        height: 15px;
        margin: 8px 6px 0 0;
        background-position: 0 -95px;
      }
    }
    .zf {
      background-position: 0 -1225px;
      :hover {
        background-position: 0 -1268px;
      }
    }
    .addicon {
      background-position: 0 -977px;
      :hover {
        background-position: 0 -1063px;
      }
    }
  }
`;
